@extends('frontend/layouts/default')
@section('title')
Đăng hợp âm
@stop
@section('content')
<h3 style="text-align: center">
    <span class="glyphicon glyphicon-pencil"></span> Đăng hợp âm</h3>
<form class="form-horizontal" action="" method="post" accept-charset="utf-8" role="form">
    {{ Form::token() }}
    <input type="hidden" name="data[Lyric][id]" value="{{ $data['lyric']->id }}"/>

    <div class="row">
        <div class="col-md-9">
            <div class="form-group {{ $errors->has('title') ? 'error':'' }}">
                <label class="control-label col-sm-4" for="title">
                    Tên bài hát
                </label>

                <div class="col-sm-8">
                    <input class="form-control" type="text" name="data[Lyric][title]" id="data[Lyric][title]" value=""/>
                </div>

            </div>

            <div class="form-group">
                <label class="control-label col-sm-4">
                    Mã nhúng
                </label>

                <div class="col-sm-8">
                    <span>
                        Mã nhúng này giúp cho mọi người có thể nghe được bản nhạc ngay tại hocdan.com<br/>
                            Bạn có thể tìm kiếm bài này trên các website nghe nhạc như: <a href="http://mp3.zing.vn"
                                                                                           target="_blank">mp3.zing.vn</a>,
                            <a href="http://mp3.zing.vn" target="_blank">nhaccuatui.com</a>, <a
                            href="http://mp3.zing.vn" target="_blank">nhacso.net</a><br/>
                            Và chọn chức năng Chia Sẻ để lấy mã nhúng ( thường là mã nhúng blog hoặc forum )
                    </span>
                    <textarea class="form-control" cols="50" rows="4" name="data[Lyric][embed]"
                              id="data[Lyric][embed]"></textarea>
                </div>
            </div>
            <div class="form-group {{ $errors->has('content')?'error':'' }}">
                <label class="control-label col-sm-4">
                    Lời
                </label>

                <div class="col-sm-8">
                    <span>
                    Nếu có hợp âm, bạn hãy cho vào ngoặc vuông ngay trước câu hát cần chuyển hợp âm<br/> ví dụ "<strong>Em
                            <span style="color:#0eab0e; font-weight:bold;">[Am]</span>ơi, Hà Nội <span
                                style="color:#0eab0e; font-weight:bold;">[Dm]</span>phố. Ta còn <span
                                style="color:#0eab0e; font-weight:bold;">[Dm]</span>em ...</strong>"
                    </span>
                    <textarea class="form-control" rows="20" name="data[Lyric][content]"
                              id="data[Lyric][content]"></textarea>
                </div>

            </div>
            <div class="form-group">
                <label class="control-label col-sm-4">
                    Tags
                </label>

                <div class="col-sm-8">
                    <span> Các tag được cách nhau bằng dấu (<font color="red">,</font>)</span>
                    <input type="text" name="data[Tags]" id="data[Tags]" class="form-control"/>
                </div>
            </div>
            @if(Sentry::getUser()->hasAnyAccess(['lyric','lyric.approve']))
            <div class="form-group">
                <label class="control-label col-sm-4">
                    Trạng thái
                </label>

                <div class="col-sm-8">
                    <?= Form::select('data[Lyric][status]', array('hidden' => 'Không hiển thị', 'submitted' => 'Chờ xét duyệt', 'published' => 'Hiển thị'), Input::old('data[Lyric][status]', $data['lyric']->status), array('class' => 'form-control')) ?>
                </div>
            </div>
            @endif

        </div>
        <div class="col-md-3 colright">
            <div>
                <div class="panel panel-default">
                    <div class="panel-heading">Điệu</div>
                    <div class="panel-body" align="center">
                        <?= Form::Select('data[Lyric][tone_id]', $data['tones'], Input::old('data[Lyric][tone_id]', $data['lyric']->tone_id), array('class' => 'form-control')) ?>
                    </div>
                </div>
            </div>
            <div>
                <div class="panel-default panel">
                    <div class="panel-heading">Nhịp</div>
                    <div class="panel-body" align="center">
                        <input type="text" name="data[Lyric][rhythm]" value="<?= $data['lyric']->rhythm ?>"
                               class="form-control"/>
                    </div>
                </div>
            </div>
            <div>
                <div class="panel-default panel">
                    <div class="panel-heading">Chủ đề</div>
                    <div class="panel-body" align="center">
                        {{Form::select('data[Topics][]',$data['topics'],array(),array('multiple'=>'multiple','class'=>'form-control','size'=>8))}}
                    </div>
                </div>
            </div>
            <div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        Ca sĩ
                    </div>
                    <div class="panel-body" align="center">
                        <input type="text" name="data[Musician][id]" class="form-control" id="autocomplete-singer" value=""/>
                        <div id="selection"></div>
                        <input type="hidden" name="data[Singer][id]" id="singer-id" value=""/>
                    </div>
                </div>
            </div>
            <div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        Nhạc sĩ
                    </div>
                    <div class="panel-body" align="center">
                        <input type="text" name="musician" class="form-control" id="autocomplete-musician"
                               value=""/>

                        <input type="hidden" name="data[Musician][id]" id="musician-id"
                               value=""/>
                    </div>
                </div>
            </div>
            <div class="controls pull-right">
                <a class="btn btn-link" href="{{ route('hop-am') }}">Hủy</a>
                <button type="submit" class="btn btn-success btn-sm"><span
                        class="glyphicon glyphicon-floppy-disk"></span> Lưu lại
                </button>
            </div>
        </div>
    </div>
</form>
<link href="{{ asset('assets/commons/css/autocomplete.css')}}" rel="stylesheet"/>
<script type="text/javascript" src="{{ asset('assets/commons/js/jquery.mockjax.js')}}"></script>
<script type="text/javascript" src="{{ asset('assets/commons/js/jquery.autocomplete.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/commons/js/lyric.autocomplete.js') }}"></script>
@stop